<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>容器标签</title>
</head>
<body>
<!--
    div:块级元素容器,在div中可以存放块级元素与行级元素
-->
<div style="width: 500px;background: gray;">
    <h1>这是div中的标题</h1>
    <marquee bgcolor="pink">这是滚动标签</marquee>
    这是普通文本
    <span>这是span</span>
</div>
<div style="color:red;">
    这是第二个div
    <marquee bgcolor="pink">这是滚动标签</marquee>
</div>
<hr>
<!--
    span:行级元素容器,只允许存放行级元素,如果存放块级元素会破坏span特性
-->
<span style="background: red;">
    这是一个文本
    <span>这是span中的span</span>
    <span>这是span中的span</span>
    <!--<div>这是div</div>-->
    <span>这是span中的span</span>
</span>
<span>这是第二个span</span>
</body>
</html>